<template>
  <my-div>
    <head title="交易" :back="false">
      <!-- <div class="title" slot="title">
        <image style="width: 38px;height: 38px" src="root:img/home/search-icon@2x.png"></image>
      </div> -->
      <!-- <div slot="right" style="width: 36;height: 36">
        <image style="width: 36px;height: 36px" src="root:img/home/search-icon@2x.png"></image>
      </div> -->
    </head>
     <scroller class="wraper" style="flex:1" :show-scrollbar="false">
       <my-text :text="$t('common.expect')"></my-text>
     </scroller>
  <tab-bar @tabTo="onTabTo" :pIndexKey="1"></tab-bar>
</my-div>
</template>

<style>
.container {
  flex: 1;
  background-color: #ffffff;
}
.main {
  flex: 1;
  background-color: #ffffff;
}
.menu {
  width: 460;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: 35;
}
.wraper{
  width: 750px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
}
.cell{
  width: 690px;
  height: 400px;
  background-color: rosybrown;
  margin-top: 40px;
}
</style>

<script>
import TabBar from '../../component/tabbar.vue'

const net = require('../../utils/http.js')
export default{
  data(){
    return {

    }
  },
  components:{
    TabBar
  },
  methods: {
    onTabTo(_result){
      const index = _result.data.key;
      this.$emit('page',index)
    }
  },
}
</script>